<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>便携式储能电池业务订单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    #parse('/headFiles.html')
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">$!{businessType.note()}订单基础信息
            <div style="float: right;">
                #if($payState == 1 || $payState == 2 || $payState == 3)
                <button class="layui-btn layui-btn-sm LAY-btn-fun" data-type="finish">完成订单</button>
                #end
                #if($payState == 5)
                <button class="layui-btn layui-btn-warm layui-btn-sm LAY-btn-fun" data-type="refund">部分退款</button>
                #end
                #if($payState == 2 || $payState == 5)
                <button class="layui-btn layui-btn-danger layui-btn-sm LAY-btn-fun" data-type="cancel">撤销订单</button>
                #end
            </div>
        </div>
        <input type="hidden" name="tradeNo" value="$!{tradeNo}"/>
        <input type="hidden" name="createDate" value="$!{utils.dateFormat($createDate,'yyyy-MM-dd HH:mm:ss')}"/>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{tradeNo}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单状态</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{stateName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付状态</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">
                                #if($payState == 1)
                                <span class="layui-badge layui-bg-black">$!{payStateName}</span>
                                #else
                                <span class="layui-badge layui-bg-green">$!{payStateName}</span>
                                #end
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm3">
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单金额</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{moneyStr}元</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="layui-form-item">
                        <label class="layui-form-label">优惠金额</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{discountMoneyStr}元</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="layui-form-item">
                        <label class="layui-form-label">第三方支付</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payMoneyStr}元</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="layui-form-item">
                        <label class="layui-form-label">钱包金额</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{walletMoneyStr}元</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付订单</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payTradeNo}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付方式</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payTypeName}</div>
                        </div>
                    </div>
                </div>
            </div>
            #if($couponId)
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">优惠ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{couponId}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">优惠信息</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{couponTitle}</div>
                        </div>
                    </div>
                </div>
            </div>
            #end
            <div class="layui-row">
                <div class="layui-col-md4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">会员ID</label>
                        <div class="layui-form-mid layui-word-aux">$!{memberId}</div>
                    </div>
                </div>
                <div class="layui-col-md4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">会员昵称</label>
                        <div class="layui-form-mid layui-word-aux">$!{memberName}</div>
                    </div>
                </div>
                #if($memberPhone)
                <div class="layui-col-md4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">会员手机号</label>
                        <div class="layui-form-mid layui-word-aux">$!{memberPhone}</div>
                    </div>
                </div>
                #end
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($payDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
                #if($finishDate)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">完成时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($finishDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
                #end
                #if($cancelDate)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">撤销时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($cancelDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
                #end
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">最后修改时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($updateDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">创建时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($createDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- /.layui-form -->
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">租借信息</div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借机柜</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leaseDeviceSn}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借设备类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leaseDeviceTypeName}</div>
                        </div>
                    </div>
                </div>
                #if($leaseBindNote)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">设备绑定信息</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leaseBindNote}</div>
                        </div>
                    </div>
                </div>
                #end
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借卡槽号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leaseSlotNum}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">充电宝ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{portableBatterySn}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借时电量</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leasePower}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借网点ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leasePlaceId}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借网点名称</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leasePlaceName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借地址</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leaseAreaName}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    #if($revertChargingCabinetSn)
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">归还信息</div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">归还机柜</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertDeviceSn}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">归还设备类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertDeviceTypeName}</div>
                        </div>
                    </div>
                </div>
                #if($revertBindNote)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">设备绑定信息</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertBindNote}</div>
                        </div>
                    </div>
                </div>
                #end
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">归还卡槽号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertSlotNum}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">充电宝ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{portableBatterySn}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">归还时电量</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertPower}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">归还网点ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertPlaceId}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">归还网点名称</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertPlaceName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">归还地址</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{revertAreaName}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    #end
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">收费标准及使用</div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">收费模式</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{costModeName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">押金</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{depositMoneyStr}元</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">日封顶</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{dayMaxMoneyStr}元</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">每小时收费</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payIntervalMoneyStr}元/小时</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">免费时长</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{freeTimes}分钟</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">开始时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($startDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
                #if($endDate)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">结束时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($endDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
                #end
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">使用时长</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{useDurationStr}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    #if($payType != 1)
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">$!{payTypeName}信息</div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付订单</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.tradeNo}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.tradeTypeName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付状态</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.payStatusName}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付金额</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.payMoneyStr}元</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">实收金额</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.receiptMoneyStr}元</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">应用类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.appTypeName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">应用ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.appId}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">商户号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.businessAccount}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm5">
                    <div class="layui-form-item">
                        <label class="layui-form-label">第三方订单号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.externalTradeNo}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($payOrder.payDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="layui-row">
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">第三方用户ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{payOrder.payerId}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    #if($refundOrderList)
    #foreach($refundOrder in $refundOrderList)
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">$!{payTypeName}退款信息</div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">退款订单</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.tradeNo}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.tradeTypeName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">退款状态</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.refundStatusName}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">退款金额</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.refundMoneyStr}元</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm8">
                    <div class="layui-form-item">
                        <label class="layui-form-label">退款描述</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.note}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">应用类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.appTypeName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">应用ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.appId}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">商户号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.businessAccount}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm5">
                    <div class="layui-form-item">
                        <label class="layui-form-label">第三方订单号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.externalTradeNo}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">退款时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($refundOrder.refundDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="layui-row">
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">第三方用户ID</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.payerId}</div>
                        </div>
                    </div>
                </div>
                #if($refundOrder.failNote)
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">退款失败描述</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{refundOrder.failNote}</div>
                        </div>
                    </div>
                </div>
                #end
            </div>
        </div>
    </div>
    #end
    #end
    #end
    <div class="layui-card">
        <div class="layui-card-header">订单操作记录</div>
        <div class="layui-card-body">
            <table id="LAY-table" lay-filter="LAY-table"></table>
        </div>
    </div>
</div>
#parse('/footFiles.html')
<script type="text/javascript">
layui.config({
	base: '$!{webRoot}/assets/layuiadmin/'
	,webRoot:'$!{webRoot}'
}).extend({
	index: 'lib/index'
    ,bxscn_order_info:'bxscn/bxscn_order_info'
}).use(['index', 'form', 'bxscn_order_info']);
</script>
</body>
</html>